<template>
    <div id="app">
      <div class="main">
        <!--导航栏-->
        <div class="header">
          <Header :inputName="id"></Header>
        </div>
        <div class="nav">
          <Nav></Nav>
        </div>
        <div class="content">
          <!--头部-->
          <div class="bg" style="height: 500px;width: 100%;">

            <div style="width: 1200px;height: 500px;margin: auto">
              <!--左侧边栏-->
              <div class="Z_MenuList" style="height: 440px;width: 210px;background-color: #f8f8f8;border: 1px solid #E2E2E2;float: left">
                <ul class="Z_MenuList_ul">
                  <li class="">
                    <div class="nav_div">
                      <h3><i class="nav1"></i><a href="/">学前</a><b>/</b><a href="/">中小学</a></h3>
                      <p><a href="/">早教</a><a href="/">小学</a><a href="/">初中</a><a href="/">高中</a><a href="/">夏令营</a></p>
                    </div>
                  </li>
                  <li class="">
                    <div class="nav_div">
                      <h3><i class="nav2"></i><a href="/">英语</a><b>/</b><a href="/">留学</a><b>/</b><a href="/">小语种</a></h3>
                      <p><a href="/">英语</a><a href="/">雅思</a><a href="/">托福</a><a href="/">留学</a><a href="/">小语种</a></p>
                    </div>
                  </li>
                  <li class="">
                    <div class="nav_div">
                      <h3><i class="nav3"></i><a href="/">学历教育</a></h3>
                      <p><a href="//">职校</a><a href="/">自考</a><a href="/">成教</a><a href="/">电大</a><a href="/">考研</a></p>
                    </div>
                  </li>
                  <li class="">
                    <div class="nav_div">
                      <h3><i class="nav4"></i><a href="/">资格认证/考试</a></h3>
                      <p><a href="/">财会</a><a href="/">建筑</a><a href="/">外贸</a><a href="/">医卫</a><a href="/">公务员</a></p>
                    </div>
                  </li>
                  <li class="">
                    <div class="nav_div">
                      <h3><i class="nav5"></i><a href="/">职业技能</a><b>/</b><a href="/">IT</a></h3>
                      <p><a href="/">化妆</a><a href="/">美容</a><a href="/">设计</a><a href="/">维修</a><a href="/">计算机</a></p>
                    </div>
                  </li>
                  <li class="">
                    <div class="nav_div">
                      <h3><i class="nav6"></i><a href="/">管理</a><b>/</b><a href="/">研修班</a></h3>
                      <p><a href="/">研修班</a><a href="/">人力</a><a href="/">拓展</a><a href="/">销售</a><a href="/">财务</a></p>
                    </div>
                  </li>
                  <li class="alt">
                    <div class="nav_div">
                      <h3><i class="nav7"></i><a href="/">文体</a><b>/</b><a href="/">兴趣</a><b>/</b><a href="/">素养</a></h3>
                      <p><a href="/">舞蹈</a><a href="/">音乐</a><a href="/">美术</a><a href="/">口才</a><a href="/">礼仪</a></p>
                    </div>
                  </li>
                </ul>
              </div>
              <!--右侧边栏-->
              <div style="height: 440px;width: 240px;float: right">
                <div class="fr bannerRight1">
                  <div class="hot_theme_right tc">
                    <div class="hot_theme_right_ul clearfix">
                      <div class="hot_t_l">
                        <a class="right_dot" href="/"><span class="icon_theme_01 pngtm"></span>
                          <p>搜课程</p>
                        </a>
                        <hr class="horizontal">
                        <a class="right_dot" href="/" target="_blank" rel="nofollow"><span class="icon_theme_04 pngtm"></span>
                          <p>帮我选课</p>
                        </a>
                      </div>
                      <div class="hot_t_m">
                        <a class="right_dot" href="/" title="课程中心"><span class="icon_theme_02 pngtm"></span>
                          <p>巨划算</p>
                        </a>
                        <hr class="horizontal">
                        <a class="right_dot" href="" title="网校课程" rel="nofollow"><span class="icon_theme_05 pngtm"></span>
                          <p>网校课程</p>
                        </a>
                      </div>
                      <div class="hot_t_r">
                        <a href="/" title="咨询老师"><span class="icon_theme_03  pngtm"></span>
                          <p>好老师</p>
                        </a>
                        <hr class="horizontal">
                        <a href="/" title="企业管理培训"><span class="icon_theme_06  pngtm"></span>
                          <p>企业培训</p>
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="clear"></div>
                  <div class="bannerR1_bottom" id="bannerR">
                    <ul class="bannerR1_w215 bannerR1_ul tab_menu">
                      <li class="current"><a href="javascript:void(0);">网站公告</a></li>
                      <li class=""><a href="javascript:void(0);">机构入驻</a></li>
                      <li class=""><a href="javascript:void(0);">老师入驻</a></li>
                    </ul>
                    <div class="clear"></div>
                    <div class="bannerR1_w215">
                      <div class="bannerR1_box bannerR1_w215 tab_box">
                        <div class="">
                          <ul class="bannerR1_notice">
                            <li><a href="/" target="_blank">  2022年南昌舞蹈技校_南昌技校照片</a></li>
                            <li><a href="/" target="_blank">  2022年江西中专学校旅游</a></li>
                            <li><a href="/" target="_blank">  2022年南昌中职学校_南昌技工学校...</a></li>
                            <li><a href="/" target="_blank">  2022年南昌铁路技工学校</a></li>
                            <li><a href="/" target="_blank">  2022年南昌中专排名_南昌中专技校</a></li>
                            <li><a href="/" target="_blank"> 桐庐语言发育迟缓培训班</a></li>
                          </ul>
                        </div>
                      </div>
                      <div class="clear"></div>
                    </div>

                  </div>

                </div>
              </div>
              <!--轮播图-->
              <div style="width: 700px;height: 300px;padding-top: 10px;margin-left: 30px;float: left">
                <el-carousel :interval="5000" arrow="always">
                  <el-carousel-item v-for="item in img_list" :key="item">
                    <img :src="item.idView" alt />
                  </el-carousel-item>
                </el-carousel>
              </div>
              <!--底部img-->
              <div style="width: 710px;height: 110px;float: left;margin-left: 30px;margin-top: 20px">
                  <ul>
                    <li class="bom"><img src="../assets/bom/bom1.jpg" alt=""></li>
                    <li class="bom"><img src="../assets/bom/bom2.jpg" alt=""></li>
                    <li class="bom"><img src="../assets/bom/bom3.jpg" alt=""></li>
                  </ul>
              </div>
            </div>
          </div>
          <!--热门品牌-->
          <div class="brand">
            <div class="pt25" id="index_two">
              <div class="w1200 overflow-h">
                <div class="clearfix index_brand">
                  <div class="index_brand1">
                    <div class="clearfix mb15 h22">
                      <span class="orangeBor"></span>
                      <b class="b f18">热门品牌</b>
                    </div>
                    <div class="index_brand1_img">
                      <a href="https://www.pxto.com.cn/jigou/731" target="_blank"><img
                        src="https://img5.pxto.com.cn/content_114_57996d406f80d.jpg" width="225" height="300"></a></div>
                  </div>
                  <div class="index_brand2">
                    <div class="clearfix mb15 h22">
                      <span class="fr brand2"><a href="#" title="更多" class="gray2 ml15">更多<i class="sim">&gt;&gt;</i></a></span>
                    </div>
                    <ul class="clearfix">
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_57986b1921fea.jpg"width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_57985d47b850e.jpg" width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_57985ddde1e37.jpg"width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_57985e6d1eb45.jpg" width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_57986b87b9bd8.jpg" width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_57985ff039063.jpg"width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_579861346bc89.jpg" width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt=""  src="https://img5.pxto.com.cn/content_109_579863002b699.jpg" width="165" height="70"></a></li>
                      <li><a  target="_blank"><img alt="" src="https://img5.pxto.com.cn/content_109_579863f406ba5.jpg"width="165" height="70"></a></li>
                      <li><a href="" target="_blank"><img alt=""  src="https://img5.pxto.com.cn/content_109_58bfc924a5352.jpg" width="165" height="70"></a></li>
                      <li><a href="" target="_blank"><img alt=""src="https://img5.pxto.com.cn/ct_109_5e9e625275c7b.jpg" width="165"height="70"></a></li>
                      <li><a href="" target="_blank"><img alt=""src="https://img5.pxto.com.cn/content_109_5798667100108.jpg" width="165" height="70"></a></li>
                      <li><a href="" target="_blank"><img alt=""src="https://img5.pxto.com.cn/content_109_579867e7011ec.jpg" width="165"height="70"></a></li>
                      <li><a href="" target="_blank"><img alt=""src="https://img5.pxto.com.cn/content_109_57986a03ee9df.jpg" width="165"height="70"></a></li>
                      <li><a href="" ><img alt=""src="https://img5.pxto.com.cn/ct_109_5d4ba03809fc3.jpg"width="165"height="70"></a></li>
                      <li><a href="" ><img alt=""src="https://img5.pxto.com.cn/content_109_5af16b2048316.jpg"width="165" height="70"></a></li>
                    </ul>
                  </div>
                  <div class="index_brand3">
                    <div class="clearfix mb15 h22">
                    </div>
                    <div class="index_brand1_img">
                      <a href="" target="_blank"><img src="https://img5.pxto.com.cn/content_430_581c03d882876.jpg" width="225" height="300"></a></div>
                  </div>
                </div>
                <div class="mb40">
                  <a href="" target="_blank"><img src="https://img5.pxto.com.cn/content_41_579b004f943c8.jpg" width="1200" height="90" alt="成都博沃思素质成长中心"></a></div>
              </div>
            </div>


          </div>
          <!--热门城市-->
          <div class="hot_city">
            <div class="w1200">
              <!--热门城市start-->
              <div class="index_link">
                <p class="index_link_p"><b class="b f18">热门城市：</b></p>
                <div class="index_city">
                  <ul>
                    <li><a href="/" target="_blank">北京培训</a></li>
                    <li><a href="/" target="_blank">上海培训</a></li>
                    <li><a href="/" target="_blank">广州培训</a></li>
                    <li><a href="/" target="_blank">深圳培训</a></li>
                    <li><a href="" target="_blank">天津培训</a></li>
                    <li><a href="/" target="_blank">杭州培训</a></li>
                    <li><a href="/" target="_blank">沈阳培训</a></li>
                    <li><a href="" target="_blank">南京培训</a></li>
                    <li><a href="" target="_blank">重庆培训</a></li>
                    <li><a href="" target="_blank">郑州培训</a></li>
                    <li><a href="" target="_blank">武汉培训</a></li>
                    <li><a href="" target="_blank">合肥培训</a></li>
                    <li><a href="" target="_blank">济南培训</a></li>
                    <li><a href="/" target="_blank">青岛培训</a></li>
                    <li><a href="" target="_blank">福州培训</a></li>
                    <li><a href="" target="_blank">成都培训</a></li>
                    <li><a href="" target="_blank">西安培训</a></li>
                    <li><a href="" target="_blank">昆明培训</a></li>
                    <li><a href="/" target="_blank">苏州培训</a></li>
                    <li><a href="/" target="_blank">东莞培训</a></li>
                    <li><a href="/" target="_blank">宁波培训</a></li>
                    <li><a href="/" target="_blank">温州培训</a></li>
                    <li><a href="/" target="_blank">南昌培训</a></li>
                    <li><a href="/" target="_blank">厦门培训</a></li>
                    <li><a href="/" target="_blank">大连培训</a></li>
                    <li><a href="/" target="_blank">长沙培训</a></li>
                    <li><a href="/" target="_blank">兰州培训</a></li>
                    <li><a href="/" target="_blank">长春培训</a></li>
                    <li><a href="/" target="_blank">南宁培训</a></li>
                    <li><a href="/" target="_blank">呼市培训</a></li>
                    <li><a href="/" target="_blank">贵州培训</a></li>
                    <li><a href="/" target="_blank">太原培训</a></li>
                    <li><a href="/" target="_blank">泉州培训</a></li>
                    <li><a href="/" target="_blank">常州培训</a></li>
                    <li><a href="/" target="_blank">无锡培训</a></li>
                    <li><a href="/" target="_blank">佛山培训</a></li>
                    <li><a href="/" target="_blank">中山培训</a></li>
                    <li><a href="/" target="_blank">珠海培训</a></li>
                    <li><a href="/" target="_blank">惠州培训</a></li>
                    <li><a href="/" target="_blank">桂林培训</a></li>
                    <li><a href="/" target="_blank">洛阳培训</a></li>
                    <li><a href="/" target="_blank">唐山培训</a></li>
                    <li><a href="/" target="_blank">鞍山培训</a></li>
                    <li><a href="/" target="_blank">绍兴培训</a></li>
                    <li><a href="/" target="_blank">江门培训</a></li>
                    <li><a href="/" target="_blank">潍坊培训</a></li>
                    <li><a href="/" target="_blank">廊坊培训</a></li>
                    <li><a href="/" target="_blank">宜昌培训</a></li>
                    <li><a href="/" target="_blank">新乡培训</a></li>
                    <li><a href="/" target="_blank">南通培训</a></li>
                    <li><a href="/" target="_blank">汕头培训</a></li>
                    <li><a href="/" target="_blank">烟台培训</a></li>
                  </ul>
                  <div class="clear"></div>
                </div>
              </div>
              <!--热门城市end-->
              <!--热门品牌机构start-->
              <div class="index_link">
                <p class="index_link_p"><b class="b f18">热门品牌机构：</b></p>
                <div class="index_city">
                  <ul>
                    <li><a href="" target="_blank">阿杰发艺</a></li></ul>
                  <div class="clear"></div>
                </div>
              </div>
              <!--热门品牌机构end-->
              <!--友情链接start-->
              <div class="index_link mb40">
                <p class="index_link_p"><b class="b f18 "><a href="" target="_blank" title="更多友情链接" class="gray">友情链接：</a></b></p>
                <div class="index_link_a">
                  <a href="" target="_blank" title="中国之窗">中国之窗</a>
                  <a href="" target="_blank" title="优课培训网">优课培训网</a>
                  <a href="" target="_blank" title="成都健康管理师报名">成都健康管理师报名</a>
                  <div class="clear"></div>
                </div>
              </div>
              <!--友情链接end-->
            </div>

          </div>
        </div>
        <!--底部-->
        <div class="footer">
          <Footer></Footer>
        </div>
      </div>
    </div>
</template>
<script>
  import Header from "../components/Header";
  import Footer from "../components/Footer";
  import Nav from "../components/Nav";
    export default {
      name: "Index",
      data(){
        return{
          id:'',
          img_list:[
            {id:0,idView:require("@/assets/lun/lun1.jpg")},
            {id:1,idView:require("@/assets/lun/lun2.jpg")},
            {id:2,idView:require("@/assets/lun/lun3.jpg")},
          ]
        }
      },
      methods:{
        takeId(id){
          this.id = id;
          console.log(id)
        }
      },
      components:{
        Footer,
        Header,
        Nav
      },
      mounted(){
        this.takeId(this.$route.params.id);
      },
    }
</script>

<style scoped>

   .Z_MenuList ul {
    width: 205px;
  }

   .Z_MenuList ul li {
     font-size: 1px;
    display: block;
    position: relative;
    padding-left: 10px;
    padding-top: 6px;
  }

  .nav_div {
    width: 180px;
    border-bottom: 1px dashed #D7D7D7;
  }
  .Z_MenuList h3 {
    padding-left: 2px;
    display: block;
    color: rgb(102, 102, 102);
    font: bold 14px / 25px 微软雅黑;
  }

   .Z_MenuList i.nav1 {
    background-position: left 0;
  }
   .Z_MenuList h3 i {
    background-image: url(../assets/head.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 19px;
    float: left;
    margin: 4px 5px 0 0;
  }

   .Z_MenuList h3 a {
    color: #666666;
  }

   .Z_MenuList h3 b {
    margin: 0 3px;
  }

   .Z_MenuList ul li p {
    padding: 0 5px 2px 0px;
    display: block;
    line-height: 2;
    width: 160px;
    margin-left: 25px;
  }

   .Z_MenuList ul li p a {
    color: #A9A9A9;
    padding: 0px 5px 0 0;
    white-space: nowrap;
  }
  .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }

  .el-carousel__item img {
    /*设置图片宽度和浏览器宽度一致*/
    width: 100%;
    height: 300px;
  }
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }





  .bom{
    float: left;
    margin-right: 12px;
    margin-top: 15px;
  }

  .bom img{
    width: 224px;
  }

  #bannerR .bannerR1_w215 {
    width: 215px;
    margin: 0 auto;
  }

  #bannerR .bannerR1_box {
    margin-top: 12px;
  }

  #bannerR .bannerR1_w215 {
    width: 215px;
    margin: 0 auto;
  }

  #bannerR .bannerR1_notice {
    margin-top: 5px;
  }

  #bannerR .bannerR1_notice li {
    line-height: 23px;
  }
  .bannerR1_bottom ul li {
    float: left;
  }

  #bannerR .bannerR1_box a {
    font-size: 1px;
    color: #666;
  }

  .hot_t_l .right_dot {
    border-right: 1px dotted #ccc;
    display: block;
  }

  .hot_theme_right_ul a {
    color: #666;
  }

  .horizontal {
    width: 60px;
    border: none;
    border-bottom: 1px dotted #ccc;
    border-top: 1px solid #fff;
    line-height: 1px;
    margin: 10px 0;
  }

  .icon_theme_01 {
    width: 35px;
    height: 32px;
    background-position: 0 top;
  }
  .pngtm {
    /*background: url(../images/right.png) no-repeat;*/
    line-height: 24px;
    display: inline-block;
  }

  .hot_theme_right_ul a p {
    padding: 7px 0;
    font-weight: bold;
  }

  .horizontal {
    width: 60px;
    border: none;
    border-bottom: 1px dotted #ccc;
    border-top: 1px solid #fff;
    line-height: 1px;
    margin: 10px 0;
  }

  .hot_t_m {
    width: 33%;
    float: left;
  }

  .hot_t_m .right_dot {
    border-right: 1px dotted #ccc;
    display: block;
  }
  .hot_theme_right_ul a {
    color: #666;
  }

  .icon_theme_02 {
    width: 35px;
    height: 32px;
    background-position: -35px top;
  }

  .pngtm {
    background: url(../assets/right.png) no-repeat;
    line-height: 24px;
    display: inline-block;
  }

  .hot_theme_right_ul a p {
    padding: 7px 0;
    font-weight: bold;
  }

  .hot_t_m .right_dot {
    border-right: 1px dotted #ccc;
    display: block;
  }
  .hot_theme_right_ul a {
    color: #666;
  }

  .icon_theme_05 {
    width: 35px;
    height: 32px;
    background-position: -140px top;
  }
  .pngtm {
    /*background: url(../images/right.png) no-repeat;*/
    line-height: 24px;
    display: inline-block;
  }

  .hot_theme_right_ul a p {
    padding: 7px 0;
    font-weight: bold;
  }

  .hot_t_r {
    width: 33%;
    float: left;
  }

  .hot_theme_right_ul a {
    color: #666;
  }

  .icon_theme_03 {
    width: 35px;
    height: 32px;
    background-position: -70px top;
  }
  .pngtm {
    /*background: url(../images/right.png) no-repeat;*/
    line-height: 24px;
    display: inline-block;
  }

  .hot_theme_right_ul a {
    color: #666;
  }

  .icon_theme_06 {
    width: 35px;
    height: 32px;
    background-position: -175px top;
  }

  .hot_theme_right_ul a p {
    padding: 7px 0;
    font-weight: bold;
  }

  .icon_theme_04 {
    width: 35px;
    height: 32px;
    background-position: -105px top;
  }

  .clear {
    clear: both;
  }
  #bannerR {
    position: relative;
  }
  .bannerR1_bottom {
    border-top: 1px solid #E2E2E2;
  }

  #bannerR .bannerR1_ul {
    height: 38px;
    color: rgb(153, 153, 153);
    font: 12px / 38px 微软雅黑;
  }
  #bannerR .bannerR1_w215 {
    width: 215px;
    margin: 0 auto;
  }
  ol, ul, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }

  #bannerR .bannerR1_ul li {
    width: 33%;
    border-bottom: 1px solid #E2E2E2;
    text-align: center;
  }
  .bannerR1_bottom ul li {
    float: left;
  }
  #bannerR .bannerR1_ul li a {
    color: #999;
  }
  #bannerR .bannerR1_ul li.current {
    border-bottom: 1px solid #FF7300;
  }

  #bannerR .bannerR1_ul li {
    width: 33%;
    border-bottom: 1px solid #E2E2E2;
    text-align: center;
  }
  .bannerR1_bottom ul li {
    float: left;
  }

  #bannerR .bannerR1_ul li {
    width: 33%;
    border-bottom: 1px solid #E2E2E2;
    text-align: center;
  }

  .bannerR1_bottom ul li {
    float: left;
  }
  #bannerR .bannerR1_ul li.current a {
    color: #FF7300;
  }

  .bannerRight1 {
    width: 238px;
    border: 1px solid #E2E2E2;
    margin-top: 20px;
    margin-left: 20px;
    height: 393px;
  }

  .tc {
    text-align: center;
  }

  .hot_theme_right {
    width: 226px;
    float: right;
    height: 154px;
    margin: 14px 6px 15px 0;
  }

  .hot_theme_right_ul {
    padding-top: 10px;
  }

  .clearfix {
    zoom: 1;
  }

  .hot_t_l {
    width: 33%;
    float: left;
  }





  .w1200 {
    width: 1200px;
    margin: 0 auto;
  }
  .index_link {
    margin-top: 35px;
  }
  .index_link .index_link_p {
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 15px;
    height: 35px;
  }
  .b {
    font-weight: bold;
  }

  .f18 {
    font-size: 18px;
  }

  .index_link .index_city {
    width: 1225px;
  }
  ol, ul, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }

  .index_link .index_city li {
    float: left;
    width: 80px;
    font: normal 14px/24px å¾®è½¯é›…é»‘;
    margin-right: 22px;
  }
  .index_link .index_city li a {
    color: #666;
  }
  body a{
    outline: none;
    text-decoration: none;
  }

  .index_link {
    margin-top: 35px;
  }
  .index_link .index_link_p {
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 15px;
    height: 35px;
  }

  .b {
    font-weight: bold;
  }
  .f18 {
    font-size: 18px;
  }
  .index_link .index_city {
    width: 1225px;
  }

  .index_link .index_city li a {
    color: #666;
  }

  .mb40 {
    margin-bottom: 40px;
  }

  .index_link {
    margin-top: 35px;
  }

  .index_link .index_link_p {
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 15px;
    height: 35px;
  }
  .b {
    font-weight: bold;
  }

  .f18 {
    font-size: 18px;
  }

  .gray, a.gray {
    color: #333;
  }

  .index_link .index_link_a a {
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 20px;
    color: #666;
    font: normal 14px/24px å¾®è½¯é›…é»‘;
  }

  .clear {
    clear: both;
  }



  #index_two {
    background: #F9F9F9;
  }
  .pt25 {
    padding-top: 25px;
  }
  .w1200 {
    width: 1200px;
    margin: 0 auto;
  }
  .overflow-h {
    overflow: hidden;
  }
  .index_brand {
    margin-bottom: 25px;
  }
  .clearfix {
    zoom: 1;
  }
  .index_brand .index_brand1 {
    float: left;
    width: 237px;
  }
  .index_brand .h22 {
    height: 22px;
  }
  .mb15 {
    margin-bottom: 15px;
  }
  .orangeBor {
    width: 5px;
    height: 15px;
    margin-right: 12px;
    background: #FF7300;
    display: inline-block;
    margin-top: 3px;
    float: left;
  }
  .b {
    font-weight: bold;
  }
  .f18 {
    font-size: 18px;
  }
  .index_brand .index_brand1_img {
    width: 225px;
    height: 300px;
    padding: 5px;
    border: 1px solid #ddd;
  }
  body a{
    outline: none;
  }
  a img, img {
    border: 0;
  }
  img{
    max-width: 100%;
  }
  .index_brand .index_brand2 {
    float: left;
    margin-left: 17px;
    width: 700px;
  }
  .index_brand .h22 {
    height: 22px;
  }
  .mb15 {
    margin-bottom: 15px;
  }
  .index_brand .index_brand2 .brand2 {
    margin-right: 10px;
    line-height: 30px;
  }
  .fr {
    float: right;
  }
  .gray2, a.gray2 {
    color: #A9A9A9 !important;
  }
  .ml15 {
    margin-left: 15px;
  }
  .index_brand .index_brand2 .brand2 .sim {
    font-family: SimSun;
    padding-left: 3px;
  }
  .clearfix {
    zoom: 1;
  }
  ol, ul, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }
  .index_brand .index_brand2 ul li {
    width: 114px;
    height: 39px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 15.5px 25.5px;
  }
  .index_brand .index_brand2 ul li a img {
    width: 110px;
    height: 35px;
    display: inline-block;
    margin: 0 auto;
  }
  a img, img {
    border: 0;
  }
  .index_brand .index_brand3 {
    float: right;
    width: 237px;
  }
  .index_brand .h22 {
    height: 22px;
  }
  .mb15 {
    margin-bottom: 15px;
  }
  .index_brand .index_brand1_img {
    width: 225px;
    height: 300px;
    padding: 5px;
    border: 1px solid #ddd;
  }
</style>
